<template>
	<view>
		<header-common title="帖子详情"></header-common>
		
		<!-- 帖子详情 -->
		<!-- 轮播 -->
		<view>
		<uv-swiper :list="list" indicator indicatorMode="line" circular :border="false" height="240"></uv-swiper>
		</view>
		<!-- 用户 -->
		<view class="user">
			<image :src="data.userImg" mode="aspectFill"></image>
			<view class="user-name">
				{{data.userName}}
			</view>
			<view class="attention">
				<uv-icon color="#fff" name="plus"></uv-icon>
				&nbsp;
				关注
			</view>
		</view>
		<!-- <uni-icons type="contact" size="30"></uni-icons> -->
		<!-- 标题 -->
		<view class="title">
			{{data.title}}
		</view>
		<!-- tag标签 -->
		<!-- <view v-if="data.tabs.length>0" class="tabs">
			<view v-for="(item,index) in data.tabs" :key="index">
				{{item.title}}
			</view>
		</view> -->
		<!-- 内容 -->
		<view class="content">
			{{data.msg}}
		</view>
		<!-- 评论 -->

		<!-- 发送评论框悬浮在底部,  -->
	</view>
</template>

<script> 
	export default {
		data() {
			return {
				list: [
					'https://image.szcits.cn/Public/Uploads/Travel/ctrip/line/22978692/100w12000000s8uklB76D_D_520_350_Q100.jpg',
					'https://image.szcits.cn/Public/Uploads/Travel/ctrip/line/22978692/10050x000000liagq68BF_D_520_350_Q100.jpg',
				],
				data:{
					userName:"中国式相亲官方",
					userImg:"https://image.szcits.cn/Public/Uploads/Travel/ctrip/line/24954197/300614000000x4n4f7255_D_520_350_Q100.jpg",
					title: "《中国式相亲》2025年更新计划&当前进度",
					msg:"大家好!我们是《中国式相亲》制作组波浪游戏以及发行商LightningGames，感谢每一位玩家在游戏上线以来给予我们的支持、反馈和热情关注。无论是Steam评论区的犀利评论，B站的精彩解说，还是玩家群里热烈的讨论，都让我们深刻体会到这款游戏能被大家玩到并讨论，是多么难得和幸运的一件事。同时我们也深知，游戏随着体验的深入，暴露出了一些问题。对此，我们将始终坚持积极响应，及时行动，争取在游戏进入稳定前做到日更修复，确保大家的游玩体验不受影响，包括使用修改器导致游戏卡死的问题，我们均已完成修复，并通过更新发布。",
					tabs:[{id:1,title:"游戏",id:2,title:"公告"}]
				},
				// 评论
				
				
			}
		},
		methods: {
			
			
			
			
		}
	}
</script>

<style lang="scss" scoped>

.user{
	display: flex;
	padding: 12rpx 24rpx;
	height: 60rpx;
	align-items: center;
	margin-bottom: 12rpx;
	&>image{
		width: 50rpx;
		height: 50rpx;
		border-radius: 50%;
	}
	.user-name{  
		font-size: 14px;
		padding-left: 16rpx;
	}
	.attention{
		display: flex;
		font-size: 14px;
		color:#fff;
		background-color: #000;
		border-radius: 12rpx;
		padding: 6rpx 16rpx;
		margin-left: auto;
	}
}

.title{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 12rpx;
}

.content{
	font-size: 15px;
	line-height: 1.5;
	margin-bottom: 12rpx;
}

 
</style>